.flow-progress-indicator__rewind-setup,
.flow-progress-indicator__rewind-auto-config,
.flow-progress-indicator__rewind-switch {
	display: none;
}

.rewind-switch__card, .rewind-auto-config__card {
	text-align: center;
	margin: 1px auto;
	max-width: 670px;
}

.rewind-migrate__card {
	img {
		max-width: 200px;
		display: block;
		margin: 2rem auto;
	}
}

.rewind-switch__content {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: rem( 40px ) rem( 40px ) rem( 30px );
	margin-top: 48px;

	& + .step-wrapper__buttons .navigation-link {
		position: absolute;
		top: -6px;
		left: 32px;
		margin: 0;
	}
}

.rewind-switch__heading {
	display: inline-block;
	font-size: rem( 25px );
	letter-spacing: rem( 1.5px );
	color: var( --color-neutral-70 );
}

.rewind-switch__description {
	max-width: 600px;
	color: var( --color-text );
	font-size: rem( 13.5px );
	line-height: rem( 25px );
}

.rewind-migrate__warning {
	display: flex;
	align-items: center;
	flex-direction: column;

	p {
		max-width: 600px;
		font-style: italic;
		font-size: $font-body-extra-small;
		color: var( --color-text-inverted );
	}
}
